<%@ page import="is2_domestik.Usuario" %>
<%@ page contentType="text/html;charset=UTF-8" %>


<html>
	<head>
		<meta name="layout" content="bootstrap">
		<g:set var="entityName" value="${message(code: 'usuario.label', default: 'Usuario')}" />
		<title><g:message code="default.show.label" args="[entityName]" /></title>
		<g:javascript library='jquery' />
		<g:javascript src="bootstrap-modal.js" />
		<g:javascript src="bootstrap-collapse.js" />
		<g:javascript src="bootstrap-dropdown.js" />
		
		<script type="text/javascript">
			$(function(){
				$('#myModalData').modal({
					keyboard: false
				})
			}
		</script>
		
	</head>
	<body>
		<div class="row-fluid">	
                  <div class="span3">
			</div>
			<div class="span9">
				<div class="page-header">
					<h1>${usuarioInstance?.nombre} ${usuarioInstance?.apellido}</h1>
                                        <img width="80px" height="100px" border="1px solid #000" margin="10px 5px 0 0" alt="Img" src="${createLink(controller:'Imagen',action:'showImage',params: [id:usuarioInstance?.imagen.id])}">
                                                                                    
                                </div>
				<g:if test="${flash.message}">
					<bootstrap:alert class="alert-info">${flash.message}</bootstrap:alert>
				</g:if>
                          
				<g:render template="/layouts/formularioDatos"/>								
				
			</div>
                  <sec:ifLoggedIn>	
                  <g:form controller="usuario" action="submitComment" method="POST">
                    <g:textField name="comment" value="Agrega un comentario." onClick="this.value=''"/>
                    <g:submitButton name="update" value="Comentar"/>
                  </g:form>
                    </sec:ifLoggedIn>
                    </div>
			
	</body>
</html>

